<%@page import="guest.GuestVo"%>
<%@page import="java.util.Vector"%>
<%@page import="guest.Guest"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Guest_list</title>
<style>
/*
* guest_main 해당 페이지의 감싸는 div
* guest_box1 페이지 상단 - 제목과 내용을 구분해서 제목부분을 담는곳
* guest_title 게시판의 제목들
* guest_box2 페이지 하단 - 내용과 버튼을 담는곳
*/
#body1{
	width: 100%;
}
#button{
width: 100%;
height: 30px;
background-color: #B2CCFF;
font-size: 20px;
color: #ffffff;
font-weight:900;
border-radius: 10px;
text-align: center;
}
#guest_main{
	width: 500px; 
	border:3px dotted orange;
	padding: 10px;
	margin: 0 auto;
	margin-top: 10px;
}
</style>
<script src="./guest/guest.js"></script>
<script>
function getId(id){ return document.getElementById(id);}

// 검색창에서 쓰는 함수
function init(){
	if(getId("btnFind") != null){
		getId("btnFind").onclick = findFunc;
	}
}
// 검색창에서 쓰는 함수
function findFunc(){
	var find = getId("find").value;	
	guest_form.action="index2.jsp?inc_center=./guest/list.jsp&find="+find;
	guest_form.submit();
}

// 글을 등록하는 함수
function btn_insert(){
	location.href="index2.jsp?inc_center=./guest/insert.jsp";
}

/*
 * btn_modify 는 수정창(moidfy) 으로 넘어가는 함수
 * btn_del 은 삭체창(delete_result) 으로 넘어가는 함수
 */
function btn_modify(a){
	location.href="index2.jsp?inc_center=./guest/modify.jsp&serial="+a;
}
function btn_del(a){
	location.href="index2.jsp?inc_center=./guest/delete_result.jsp&serial="+a;
}
</script>

</head>
<body>
<!-- Java Resources 에서 java 파일과 해당 함수들을 가져오는 역할 -->
<jsp:useBean id="vo" class="guest.GuestVo"/>
<jsp:setProperty property="*" name="vo"/>

<%
Guest g = new Guest();
g.setVo(vo);
Vector<GuestVo> v = g.list();
%>

<div id="body1">
	<!-- 검색하는 부분 -->
	<div id="div_guest_form" style="text-align: right">
		<form name="guest_form" method="post" action="">
			<input type="search" id="find" name="find" value="<%=vo.getFind()%>" placeholder="검색하시오" >
			<input type="button" value="검색" id="btnFind">
		</form>
	</div>
	<br/>
	
	<!-- 글 등록하는 버튼 -->
	<input type="button" value="글 등록" id="button" onclick="btn_insert()">
	
	<!-- 방명록에 작성한 글들을 출력 -->
<%
for (int i=0; i<v.size(); i++){
	GuestVo gv = v.get(i);
%>		
	<div id="guest_main">
			아이디 : <%=gv.getMid()%><br/><br/>
			작성일 : <%=gv.getMdate()%><br/><br/>
			제&emsp;목 : <%=gv.getSubject()%><br/><br/>
			내&emsp;용 : <br/><br/>
			<%=gv.getContent()%><br/><br/>
			
			<input type="button" value="글수정" onclick="btn_modify(<%=gv.getSerial()%>)">
			<input type="button" value="글삭제" onclick="btn_del(<%=gv.getSerial()%>)">
	</div>		
<% }%>

<script>
init();
</script>

</div>

</body>
</html>